<template>
    <div class="box">
        <h1 >频道广场</h1>
        <div class="square">
            <div class="first"><img v-lazy="publicUrl('/images/square1.jpg')" alt=""></div>
            <div class="first"><img v-lazy="publicUrl('/images/square2.jpg')" alt=""></div>
            <div class="second">
                <div class="third"><img v-lazy="publicUrl('/images/square3.jpg')" alt=""></div>
                <div class="four">
                    <div class="f-left"><img v-lazy="publicUrl('/images/square4.jpg')" alt=""></div>
                    <div class="f-right"><img v-lazy="publicUrl('/images/square5.jpg')" alt=""></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts" name>
import {ref} from "vue"
import { publicUrl } from "@/utils/util";
</script>

<style scoped lang="scss">

@media screen and (min-width: $pc-min-width) {
  @import "./index.scss";
}

</style>